<template>
  <el-row :gutter="20" class="my-body">
    <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8">
      <el-card>
        <el-row :style="{'text-align':'center','justify-content': 'center'}">
          <el-image
              style="width: 100px; height: 100px"
              :src="require('@/assets/algorithm.jpg')"
              fit="fill"
          ></el-image>
        </el-row>
        <h2>Algorithm</h2>
        <p class="text-left">
          算法是解题方案的准确而完整的描述
          <br>
          是一系列解决问题的清晰指令，
          算法代表着用系统的方法描述解决问题的策略机制。</p>
      </el-card>
    </el-col>
    <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8">
      <el-card>
        <el-row :style="{'text-align':'center','justify-content': 'center'}">
          <el-image
              style="width: 100px; height: 100px"
              :src="require('@/assets/game.png')"
              fit="fill"
          ></el-image>
        </el-row>
        <h2>Game Programming</h2>
        <p class="text-left">
          游戏编程指利用计算机编程语言<br>
          如C编程语言、C++、java等，编写计算机、手机或游戏机上的游戏。</p>
      </el-card>
    </el-col>
    <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8">
      <el-card>
        <el-row :style="{'text-align':'center','justify-content': 'center'}">
          <el-image
              style="width: 100px; height: 100px"
              :src="require('@/assets/idea.jpg')"
              fit="fill"
          ></el-image>
        </el-row>
        <h2>Application Programming</h2>
        <p class="text-left">应用软件开发是指使用程序语言<br>
          如C#、 java 、 c++、vb等高级语言编写，主要是用于商业、生活应用的软件的开发。</p>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'MyBody'
})
</script>

<style scoped>
.my-body {
  height: 100vh !important;
}
</style>
